body{
	margin: 0px;
	padding: 0px;
	font-family: "Open Sans", Arial, sans-serif;

}
 a {
     text-decoration: none;
     color: #000000;
    }
.qrhead{
max-width: 780px;
min-height: 150px;
position: relative;	
margin: auto;
}

.qrhead1{
position: relative;
margin: auto;
max-width: 780px;
height: 35px;
display: flex;
justify-content:center;
}

.qrheaddil{
	position:absolute;
	
	
	
}

.qrdilsec{
	position:absolute;
	background-color: #254FF1;
	border: none;
	color: white;
	width: 65px;
	height: 30px;
	text-decoration: none;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	
}
.qrdilsec input{
	position:absolute;
	background-color: #254FF1;
	border: none;
	color: white;
	width: 65px;
	height: 30px;
	text-decoration: none;
	cursor: pointer;

	
}
.dillist button{
	background-color: #254FF1;
	cursor: pointer;
	border:0px;
	width: 60px;
	height: 30px;
	display: flex;
	align-items: center;

	
}


.qrdillistgenel{
	position:absolute;
	top:30px;
	width: 65px;
	min-height:auto;
	border:1px solid #1abe6c;
	border-radius: 10px;
	display: flex;
	flex-direction:column;
	background-color: #254FF1;
	z-index: 9998;
}

.dillist{
	position: relative;
	width: 65px;
	height: 25px;
	color: #ddd;
	z-index: 9999;
	padding:3px;
	
}


.qrhead2{
margin: auto;
max-width: 780px;
height: 150px;
display: flex;
justify-content:center;
background-color: #000000;
box-shadow: 0 10px 16px 0 rgb(0 0 0 / 25%);
}

.qrhead-reklam{
	margin: auto;
	max-width: 780px;
	height: 100%;
	display: flex;
	justify-content:center;
	background-color: #000000;	
}

.qrhead-reklam img{

	position: relative;
	margin: auto;
	width: 100%;
	height: 100%;
}

.qrhead1 .qrmenufirmaadı{
float: right;
position: absolute;
top: -8px;

}
.qrhead1 .qralerjenlist{
	float: right;
	position: absolute;
	top: -8px;
	right: 5px;
	
}

.qrheaddil{
position: absolute;
display: flex;
width: 100px;
top: 5px;
left: 5px;

}





.qrhead2 img{

	position: relative;
	margin: auto;
	width: auto;
	height: 150px;
}


.qrhead3{
	position: relative;
	margin: auto;
	min-width: 300px;
	height: 20px;
	padding:10px;
	display:flex;
	justify-content:space-between;
	font-size:20px;
	font-weight: bold;
}
.qrhead4{
	position: relative;
	margin: auto;
	width: 100%;
	height: 20px;
	padding:10px;
	display:flex;
	justify-content:center;
	font-size:20px;
	font-weight: bold;
}

.qrliste1{
width:90px;
height: 27px;
position: relative;
display: flex;
align-items:center;

}
.qrliste2{
	position: relative;
	display: flex;

}
.qrliste3{
max-width:140px;
height: 27px;	
position: relative;
display: flex;
cursor: pointer;
}
.qrliste4{
	position: relative;
	display: flex;

}
.qrliste1 img{
width:40px;
height: 30px;
cursor: pointer;
}
.qrliste3 img{
width:20px;
height: 20px;
cursor: pointer;
}
.qrliste1 P{
font-size: 13px;
cursor: pointer;
margin: 5px;

}
.qrliste3 P{
font-size: 13px;
cursor: pointer;
margin: 5px;

}
.qrliste2 i{
font-size: 20px;
cursor: pointer;
margin: 8px;
}

.qrliste3 i{
font-size: 20px;
cursor: pointer;
margin: 8px;
}

 /* qr menü tema 1 başlangıç---------------------------------------------------------*/
.qrcontent{
	max-width: 780px;
	margin: auto;
	position: relative;
	display: flex;
	justify-content:center;
	flex-wrap: wrap;
		
}
.qrmenu{
	position: relative;
	width:360px;
	height: 200px;
	display: flex;
	justify-content:center;
	align-items: flex-end;
    margin: 5px;
	box-shadow: 0 10px 16px 0 rgb(0 0 0 / 25%);
	line-height: 15px;
	border-radius: 7px;
	overflow: hidden;
   
}


.qrmenu img {
	position:  absolute;
	top:0px;
	left:0px;
	width:100%;
	height: 100%;
	
	cursor: pointer;
 

}
.qrmenu div{
	position: relative;
	background: linear-gradient(to bottom, transparent, mistyrose);
	border-radius: 1px;

	padding: 3px 0px;
	
}

.qrmenu a{
	text-decoration:none;
	width:100%;
	
}
.qrmenu div p{
	position: relative;
	margin: 7px;
	padding-top:10px;
	font-size: 22px;
	font-style: normal;
	font-weight:bold; 
	text-align:center;

	
}
 /* qr menü tema 1 bitiş  ----------------------------------------------------------------*/

  /* ----------------------------------qr menü tema 2 başlangıç  ----------------------------------------------------------------*/

.qrcontent-theme2{
	max-width: 780px;
	margin: auto;
	position: relative;
	display: flex;
	justify-content:center;
	flex-wrap: wrap;
		
}
.qrmenu-theme2{
	position: relative;
	width:100%;
	height: auto;
	display: flex;
	justify-content:center;
	align-items: flex-end;
    margin: 5px;
	box-shadow: 0 10px 16px 0 rgb(0 0 0 / 25%);
	line-height: 15px;
	border-radius: 7px;
	overflow: hidden;
   
}



.qrmenu-theme2 div{
	position: relative;
	max-height: 50px;
	background: linear-gradient(to bottom, transparent, mistyrose);
	border-radius: 1px;
	display: flex;
	justify-content:center;
	align-items: center;
	padding:8px 0 8px 0;
	

	
}

.qrmenu-theme2 a{
	text-decoration:none;
	width:100%;
	height: 100%;
}
.qrmenu-theme2 div p{
	position: relative;
	margin: 1px;
	padding-top:3px;
	font-size: 22px;
	font-style: normal;
	font-weight:bold; 
	text-align:center;
	line-height:25px;
	display: flex;
	align-items: center;
	
	
}

/* -------------------------------qr menü tema 2 bitiş  ----------------------------------------------------------------*/

/* -----qr menü detay  tema 1  ----------------------------------------------------------------*/

.qrmenudetay{
	position: relative;
	width:360px;
	height: 80px;
	display: flex;
	justify-content:center;
	align-items: center;
    margin: 5px;
    border-bottom: 1px solid #ddd;
	background-color: #f1f2f6;
   
}
.qrmenudetay .qrmetin{
	position:  absolute;
	top: 0px;
	left: 80px;
	cursor: pointer;
	width:280px;
	height: 85px;
	padding-top: 5px;
}

.qrmenudetay .qrmetin p{
	
	font-family: Arial, Helvetica, sans-serif;
	
	
}
.qrurun{
	position:  relative;
	
	font-weight:bold;
	font-size: 15px;
	font-style: normal;
	width:100%;
	min-height:10px;
	margin:0px 0px 5px 0px;
	

}
.qracıklama{
	position: relative;
	
	font-size: 12px;
	font-style: normal;
	width:90%;
	height:13px;
	overflow: hidden;	
	margin:0px 0px 3px 0px;
}

.qrfiyat{
	position: relative;
	width:95%;
	height:15px;
	left:4px;
	font-size: 19px;
	font-style: bold;
	margin:0px;
}

.qrileri{
	position:absolute;
	width:20px;
	height:15px;
	top:33px;
	right:1px;
	font-size: 19px;
	font-style: bold;
	opacity: 0.5;
	
}
.qrmsec{
	position:absolute;
	width:75px;
	height:20px;
	top:50px;
	right:15px;
	font-size: 15px;
	font-style: bold;
	float: right;
	border:2px solid #ddd;
	border-radius: 10px;
	padding:5px;
	color:#ddd;

}


.qrimg{
	position:  absolute;
	width:70px;
	height: 60px;
	right: 0px;
	top: 12px;
	left: 1px;
	
}
.qrimg img{
	position:  absolute;
	width:100%;
	height: 100%;
	border-radius: 7px;
}


.qrmenudetay img {
	
	width:100%;
	height:100%;
	object-fit: cover;
	cursor: pointer;
 

}

/* -----qr menü detay  tema 1  bitiş ----------------------------------------------------------------*/

/* ---------------------------------------------qr menü detay  tema 2  başlangıç ----------------------------------------------------------------*/


.qrmenudetay-themes2{
	position: relative;
	width:360px;
	height: 80px;
	display: flex;
	justify-content:center;
	align-items: center;
    margin: 5px;
    border-bottom: 1px solid #ddd;
	background-color: #f1f2f6;
   
}
.qrmenudetay-themes2 .qrmetin-themes2{
	position:  absolute;
	top: 0px;
	left: 7px;
	cursor: pointer;
	width:96%;
	height: 85px;
	padding-top: 5px;
}

.qrmenudetay-themes2 .qrmetin-themes2 p{
	
	font-family: Arial, Helvetica, sans-serif;
	
	
}
.qrurun-themes2{
	position:  relative;
	
	font-weight:bold;
	font-size: 15px;
	font-style: normal;
	width:100%;
	min-height:10px;
	margin:0px 0px 5px 0px;
	

}
.qracıklama-themes2{
	position: relative;
	
	font-size: 12px;
	font-style: normal;
	width:90%;
	height:13px;
	overflow: hidden;	
	margin:0px 0px 3px 0px;
}

.qrfiyat-themes2{
	position: relative;
	width:95%;
	height:15px;
	left:4px;
	font-size: 19px;
	font-style: bold;
	margin:0px;
}

.qrileri-themes2{
	position:absolute;
	width:20px;
	height:15px;
	top:33px;
	right:1px;
	font-size: 19px;
	font-style: bold;
	opacity: 0.5;
	
}
.qrmsec-themes2{
	position:absolute;
	width:75px;
	height:20px;
	top:45px;
	right:15px;
	font-size: 15px;
	font-style: bold;
	float: right;
	border:2px solid #ddd;
	border-radius: 10px;
	padding:5px;
	color:#ddd;

}




.qrmenudetay-themes2 img {
	
	width:100%;
	height:100%;
	object-fit: cover;
	cursor: pointer;
 

}





/* ---------------------------------------------qr menü detay  tema 2  bitiş ----------------------------------------------------------------*/

 /*  -------------------------------- seçenek başlangıç---------------------------------------*/
.qrsecenek{
	width: 100%;
	min-height: 300px;
	margin: auto;
	position: absolute;
	top:-196px;
	display: flex;
	justify-content:center;
	flex-direction: column;
	align-items: flex-start;
	margin: 5px;
	background-color: #f8f9fc;
	
}

.qrsecenek2{
	width: 100%;
	min-height: 300px;
	margin: auto;
	
	display: flex;
	justify-content:center;
	flex-direction: column;
	align-items: flex-start;
	
	background-color: #f8f9fc;
	
}

.qrsecimg{
	position: relative;
	width: 97%;
	height: 100%;
	display: flex;
	justify-content:center;
    margin: 5px;
	margin-top:50px;

	
}

.qrsecimg img{
	width:340px;
	max-height: 220px;
	
	
}

.qrozellikler{
	position: relative;
	width:97%;
	max-height: 30px;
	display: flex;
	padding:5px;
	padding-bottom:10px;
	justify-content:center;
}
.qrozellikler img{
	margin:3px;
}

.qrsecbaslik{
	position: relative;
	width:97%;
	min-height: 50px;
	display: flex;
	flex-direction: column;
	justify-content:center;
	
}
.secback{
	width:100%;
	height: 30px;
	display: flex;
	justify-content:center;

	
}
.secback a{
	max-width:150px;
	height: 30px;
	font-size: 23px;
}

.secback i{
	width:30px;
	
}


.qrsecbaslikmeuadi{
	position: relative;
	width:100%;
	min-height: 30px;
	display: flex;
	justify-content:center;
	text-align:center;
	align-items:center;
	margin-left:4px;
	
}

.qrsecfiyat{
	font-size: 23px;
}



.qrsecaciklama{
	position: relative;
	width:100%;
	min-height: 50px;
	margin-left:4px;
	display: flex;
	justify-content:center;
	background-color:#FFFFFF ;
	border-radius: 15px;
	border:1px solid #ddd;

	

}

.qrsecaciklama p{
	width:80%;
	min-height: 10px;
	margin:10px;
	display: flex;
	justify-content:center;
	text-align:center;

}



.qrsecdetay{
	position: relative;
	width:99%;
	min-height: 50px;
	display: flex;
	justify-content:center;
	flex-direction: column;
	align-items: flex-start;
	padding-left:2px;

}

.qrsecsatir{
	position: relative;
	width:100%;
	height: 20%;
	display: flex;
    border-bottom: 1px solid #ddd;
	background-color: #f1f2f6;
}

.qrsec1{
	width:75%;
	min-height: 40px;
	display: flex;
	justify-content:flex-start;
	align-items: center;
	padding-left:10px;
}

.qrsec2{
	width:25%;
	min-height: 40px;
	display: flex;
	justify-content:center;
	align-items: center;
}

 /* seçenek bitiş -----------------------------------------------------------------------*/

.qryorum{
	position: relative;
	width:100%;
	height:470px;
	display:flex;
	justify-content:center;
	flex-direction:column;
	align-items:center;
	background-color: #ececec;
	

}

.qryorum input[type="text"]{
	width:275px;
	height:30px;
	margin: 8px 0;
	padding: 8px 8px;
	border: 2px solid #ddd;
	border-radius: 4px;
}

.yorum-satir input[type="submit"]{
	width:200px;
	height:35px;
	margin: auto;
	background-color: #4CAF50;
  border: none;
  color: white;
  padding: 8px 16px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}
.qryorum textarea {
	width:275px;
	height:60px;
	margin: 2px 0;
	padding: 8px 8px;
	border: 2px solid #ddd;
	border-radius: 4px;

}

.yorum-satir{
	position: relative;
	width:300px;
	min-height:30px;
	padding: 2px 2px;
	display:flex;
	justify-content:center;
	
	align-items:center;

}

.yorum-sutun1{
	position: relative;
	width:140px;
	height:30px;
	display:flex;
	align-items:center;
	border-bottom:1px solid #ddd;
}
.yorum-sutun2{
	position: relative;
	width:140px;
	height:30px;
	display:flex;
	justify-content: flex-end;
	align-items:center;
	border-bottom:1px solid #ddd;
}

.yorum-baslik{
	position: relative;
	width:300px;
	height:100px;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}

/* yorum bitti -----------------------------------------------------------------------*/


.qralerjen{
	position: relative;
	width:100%;
	height:470px;
	display:flex;
	justify-content:center;
	flex-direction:column;
	align-items:center;
	background-color: #ececec;
	padding:30px;
}

.alerjnelist{
	position: relative;
	width:100%;
	height:50px;
	display:flex;
	
}

.alerjnelist div{
	height:30px;
	position: relative;
	padding:0px 5px 0px 5px;;
	display:flex;
	align-items:center;
}












@media( max-width:767px){
	.qrmenu{
		
	width:45%;
	height: 160px;
	 margin: 5px;  
		  
		
	}
}

@media(max-width:500px){
	.qrmenu{
		
	width:45%;
	height: 120px;
	 margin: 5px;  
		  
		
	}
}


@media (min-width: 768px){

.qrcontent{
	flex-direction: row
	
}


}	

@media (max-width: 767px){
.qrcontent{
	width:100%;
	
}


.qrmenu img {
	width:100%;
	height: 100%;
}

.qrmenu div p{
	position: relative;
	margin: 5px;
	font-size: 15px;
	font-style: normal;
}

.qrmenudetay{
	width:100%;
	height: 85px;
	 margin: 5px;  
}

.qrmenudetay img {
	width:100%;
	height: 100%;
}

.qracıklama{
	width:92%;
		
}
.qrmenudetay .qrmetin{
	
	width:77%;

}

.qrurun{
	
	width:100%;


}
}